<template>
  <div class="drawer-content">
    <div class="title">{{selectedItem.title}}</div>
    <div class="over-scroll">
      <div class="hisItem" v-for=" singleimg in selectedItem.imglist" v-bind:key="singleimg">
        <img v-lazy="singleimg"/>
      </div>
    </div>
  </div>
</template>
<script>
  /* import {HttpRequest} from '../../../common/js/httpFun'
   import {linklist} from '../../../common/js/mockdata' */
  import {ctoast, confirmDialog} from '../../../common/js/common'
  export default({
    props: {
      isshow: true,
      selectedItem: {}
    },
    data () {
      return {}
    },
    computed: {
      getItem () {

      }
    },
    beforeCreate () {

    },
    created () {

    },
    mounted () {
    },
    methods: {
      createToast (text) {
        ctoast(text)
      },
      createConfirmDialog (msg, yesFun, noFun) {
        confirmDialog(msg, yesFun, noFun)
      },
      hideSlider () {
        this.$emit('hideSlider')
      }
    },
    components: {}
  })
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../../common/stylus/redifined.styl"
  .drawer-content
    background-image url("../../../assets/history_bg.png")
    background-repeat no-repeat
    background-size cover
    width 100%
    height 100vh
    padding-left cal(50) rem
    padding-right cal(50) rem
    padding-top cal(87) rem

  .title
    setFontsize(16px)
    color #fff
    line-height cal(87) rem
    text-align center
    position fixed
    top 0
    left 0
    width 100%

  .hisItem
    background #fff
    border-width cal(8) rem
    border-style solid
    border-color #fff
    box-shadow 3px 0px 10px rgba(0, 0, 0, 0.5)
    margin-bottom cal(25) rem
    img
      vertical-align top
      width 100%
</style>
